<template>
    <div class="nav" :class="bgc">
        <div class="nav1" @click="toLext">
        <img src="https://gw.alicdn.com/mt/TB1P2RLbAvoK1RjSZPfXXXPKFXa-32-58.png_.webp" alt="">
        </div>
        <div class="nav2">
            <img src="https://gw.alicdn.com/imgextra/i2/O1CN01BwpMc91m12e1X8rA6_!!6000000004893-2-tps-255-45.png_.webp" alt="">
        </div>
        <div class="nav3">
            <img src="https://gw.alicdn.com/tfs/TB1lzY2t.T1gK0jSZFhXXaAtVXa-36-36.png_.webp" alt="">
        </div>
    </div>
</template>

<script>

export default {
    data(){
        return{
            // bgc:""
        }
    },
    props:["bgc",],
    methods:{
        toLext(){
            this.$router.push("/")
        }
    },
    mounted(){
       

    }
}
</script>

<style scoped>
.nav{
    width: 100%;
    height: .88rem;  
    display: flex;
    justify-content: space-between;
    position: fixed;
    z-index: 1000;
}
.navs{
    background: #000;
}
.nav .nav1,.nav3{
    width: .88rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav .nav1 img{
    width: .32rem;
    height: .582rem;
}
.nav .nav3 img{
    width: .36rem;
    height: .36rem;
}
.nav .nav2{
    flex: 1;
    display: flex;
    align-items: center;
}
.nav .nav2 img{
    width: 2.32rem;
    height: .4098rem;
}
</style>